<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    
    
    <title>追光者的部落 | 种一棵树最好的时间是十年之前,其次是现在</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <meta name="keywords" content="">
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="stylesheet" href="/css/style.css?v=1.0.0">
    
    <script type="text/javascript">
        // Data Center
        var DC = {
            reward:	false,
            lv: JSON.parse('{"enable":false,"app_id":null,"app_key":null,"icon":true}'),
            v: JSON.parse('{"enable":true,"appid":"OCT05YTTqCrexJcyc5Ay0XXD-gzGzoHsz","appkey":"L6b0lDuLhBWOEUhEYmfA7g7C","notify":false,"verify":false,"placeholder":"suggest","avatar":"wavatar"}'),
            g: JSON.parse('{"enable":false,"lazy":true,"owner":"longmartin","repo":null,"oauth":{"client_id":null,"client_secret":null},"perPage":10}'),
            d: JSON.parse('{"app_id":null}')
        };
    </script>
    <script type="text/javascript">
        window.lazyScripts=[];
    </script>
    
</head>


<body>
    <div id="loading" class="active"></div>

    <aside id="menu"  >
  <div class="inner flex-row-vertical">
    <a href="javascript:;" class="header-icon waves-effect waves-circle waves-light" id="menu-off">
        <i class="icon icon-lg icon-close"></i>
    </a>
    <div class="brand-wrap">
      
      <img src="/img/brand.jpg" class="brand-bg">
      
      <div class="brand">
        <a href="/" class="avatar waves-effect waves-circle waves-light">
          <img src="/img/avatar.jpg">
        </a>
        <hgroup class="introduce">
          <h5 class="nickname">Martin Long</h5>
          <a href="mailto:1156341485@qq.com" title="1156341485@qq.com" class="mail">
            
              <span>1</span>
            
              <span>1</span>
            
              <span>5</span>
            
              <span>6</span>
            
              <span>3</span>
            
              <span>4</span>
            
              <span>1</span>
            
              <span>4</span>
            
              <span>8</span>
            
              <span>5</span>
            
              <span>@</span>
            
              <span>q</span>
            
              <span>q</span>
            
              <span>.</span>
            
              <span>c</span>
            
              <span>o</span>
            
              <span>m</span>
            
          </a>
        </hgroup>
        
        <ul class="menu-link">
          
              <li>
                <a href="https://github.com/longmartin" target="_blank">
                  <i class="icon icon-lg icon-github"></i>
                </a>
              </li>
            
        </ul>
        
      </div>
    </div>
    <div class="scroll-wrap flex-col">
      <ul class="nav">
        
            <li class=" active">
              <a href="/"  >
                <i class="icon icon-lg icon-home"></i>
                HOME
              </a>
            </li>
        
            <li class="">
              <a href="/categories"  >
                <i class="icon icon-lg icon-th-list"></i>
                分类
              </a>
            </li>
        
            <li class="">
              <a href="/tags"  >
                <i class="icon icon-lg icon-tags"></i>
                标签
              </a>
            </li>
        
            <li class="">
              <a href="/archives"  >
                <i class="icon icon-lg icon-archives"></i>
                文档
              </a>
            </li>
        
            <li class="">
              <a href="https://github.com/longmartin" target="_blank" >
                <i class="icon icon-lg icon-github"></i>
                Github
              </a>
            </li>
        
            <li class="">
              <a href="https://www.jianshu.com/u/696184ca9e21" target="_blank" >
                <i class="icon icon-lg icon-link"></i>
                简书
              </a>
            </li>
        
      </ul>
    </div>
  </div>
</aside>

    <main id="main">
        
    <header class="top-header" id="header">
    <div class="flex-row clearfix">
        <a href="javascript:;" class="header-icon pull-left waves-effect waves-circle waves-light on" id="menu-toggle">
          <i class="icon icon-lg icon-navicon"></i>
        </a>
        <div class="flex-col header-title ellipsis">
            <span>追光者的部落</span>
            
            <span> - </span>
            <span class="header-description">种一棵树最好的时间是十年之前,其次是现在</span>
            
        </div>
        
        <a href="javascript:;" id="site_search_btn" class="header-icon pull-right waves-effect waves-circle waves-light">
            <i class="icon icon-lg icon-search"></i>
        </a>
        
    </div>
</header>
<header class="content-header index-header">
    <div class="container fade-scale">
        <h1 class="title">追光者的部落</h1>
        <h5 class="subtitle">
            
                种一棵树最好的时间是十年之前,其次是现在
            
        </h5>
        
    </div>
    

</header>

<div id="site_search">
    <div class="search-title clearfix">
        <span class="pull-left">
          <i class="icon icon-lg icon-search"></i>
        </span>
        <input type="text" id="local-search-input" name="q" results="0" placeholder="search my blog..." class="form-control pull-left"/>
        <a href="javascript:;" class="close pull-right waves-effect waves-circle waves-light">
          <i class="icon icon-lg icon-close"></i>
        </a>
    </div>
    <div id="local-search-result"></div>
</div>

    <div class="container body-wrap">
        <ul class="post-list">
        
            <li class="post-list-item fade">
                <article id="post-20180617-23"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-23.html">浏览器User-Agent总结</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 13:07:04" datetime="2018-06-17T13:07:04.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-23.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-23.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        UserAgent中文名为用户代理，是Http协议中header头的组成部分，UserAgent也简称UA。它是一个特殊字符串头，是一种向访问网站提供你所使用的浏览器类型及版本、操作系统及版本、浏览器内核、等信息的标识。通过这个标识，用户所访问的网站可以显示不同的排版从而为用户提供更好的体验或者进行信息统计；例如用手机访问谷歌和电脑访问是不一样的，这些是谷歌根据访问者的UA来判断的。UA可以...
    
    <a href="/server/20180617-23.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/html5/">HTML5</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/http/">HTTP</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-22"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-22.html">HTTP状态码</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 13:06:49" datetime="2018-06-17T13:06:49.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-22.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-22.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        


状态码
含义




100
客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。


101
服务器已经理解了客户端的请求，并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完这个响应最后的空行后，...
    
    <a href="/server/20180617-22.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/http/">HTTP</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-21"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-21.html">linux上安装SS</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 13:06:13" datetime="2018-06-17T13:06:13.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-21.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-21.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        1. 安装
centos(如果python版本过低，请升级到2.7)
sudo yum updatesudo yum install python-setuptools &amp;&amp; easy_install pipsudo pip install shadowsocks

debian/ubantu
sudo apt update sudo apt install python-g...
    
    <a href="/server/20180617-21.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/centos/">Centos</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/linux/">Linux</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-20"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-20.html">浅谈javascript中的订阅发布模式</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 13:05:53" datetime="2018-06-17T13:05:53.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-20.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-20.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        事件驱动作为javascript的一个重大特性，而事件驱动的实现原理正是订阅发布模式，本文为大家奉献简单的订阅发布模式。var PubSub = &#123;    handlers: &#123;&#125;&#125;PubSub.on = function(eventType, handler) &#123;    if(!(eventType in this.handlers)) &...
    
    <a href="/server/20180617-20.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/mode/">设计模式</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-19"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-19.html">ip地址类别和私有网段</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 11:09:48" datetime="2018-06-17T11:09:48.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-19.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-19.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        我们常用路由器或者虚拟机，发现基本我们的内网都是192.168.x.x或者是10.104.x.x的网关，为什么我们的路由器长设置成这个网关的呢，这就跟计算机网络的私有网段有关系
互联网上的IP地址统一由一个叫IANA(Internet Assigned Numbers Authority，互联网网络号分配机构)的组织来管理。根据用途和安全性级别的不同，IP地址还可以大致分为两类：公共地址（p...
    
    <a href="/server/20180617-19.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/http/">HTTP</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/webserver/">Web服务器</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-18"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-18.html">composer设置国内镜像</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 11:06:04" datetime="2018-06-17T11:06:04.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-18.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-18.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        最近因为使用composer安装依赖，发现比较慢(因为墙的原因)，所以找了一下国内镜像地址配置下，这样可以加快下载速度，方法如下：
在linux或window的命令行，输入下面命令composer config -g repo.packagist composer https://packagist.phpcomposer.com

    
    <a href="/server/20180617-18.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/php/">PHP</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-17"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-17.html">Composer设置忽略版本匹配</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 11:03:07" datetime="2018-06-17T11:03:07.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-17.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-17.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        最近使用composer安装时发现提示php的版本不匹配。执行composer install遇到错误：Your requirements could not be resolved to an installable set of packages. 这是因为不匹配composer.json要求的版本。
完整错误如下：
[PHP]vagrant@homestead:/usr/share/n...
    
    <a href="/server/20180617-17.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/php/">PHP</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-16"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/server/20180617-16.html">php获取客户端IP</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 11:02:52" datetime="2018-06-17T11:02:52.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/server/">后台</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/server/20180617-16.html#comment">
            <span class="valine-comment-count" data-xid="/server/20180617-16.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        比较  HTTP_CLIENT_IP HTTP_X_FORWARDED_FOR REMOTE_ADDR最近做项目的时候，遇到一个需要记录客户端ip的，后台语言是php,我想了一下，用REMOTE_ADDR吧。可是呢，后来发现其实这个还有很多其他的获取方式，HTTP_CLIENT_IP, HTTP_X_FORWARDED_FOR都可以获取，我仔细查了一下资料，总结一下这三者的区别，另附完整解决...
    
    <a href="/server/20180617-16.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/php/">PHP</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-15"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-15.html">js数组之forEach,every,some,filter,map的区别</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:27:45" datetime="2018-06-17T09:27:45.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-15.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-15.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        js数组有很多操作方法，其中forEach,every,some,filter,map是常容易混淆用法的，下面我来解释其中的区别var list = [&#123;	&quot;id&quot;: 1,	&quot;age&quot;: 19&#125;,&#123;	&quot;id&quot;: 2,	&quot;age&quot;: 18&#125;]var result = list...
    
    <a href="/frontend/20180617-15.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li></ul>

</div>


            </li>
        
            <li class="post-list-item fade">
                <article id="post-20180617-14"
  class="article-card article-type-post" itemprop="blogPost">
  
    
    
    
        


  
    <h3 class="post-title re-title" itemprop="name">
      <a class="post-title-link" href="/frontend/20180617-14.html">js正则表达式之爬虫</a>
    </h3>
  



    
    <div class="post-meta">
        <time class="post-time" title="2018-06-17 09:27:27" datetime="2018-06-17T09:27:27.000Z"  itemprop="datePublished">2018-06-17</time>

        
	<ul class="article-category-list"><li class="article-category-list-item"><a class="article-category-list-link" href="/categories/frontend/">大前端</a></li></ul>



        

        
    <span class="leancloud-comment">
        <i class="icon icon-comment-o"></i>
        <a href="/frontend/20180617-14.html#comment">
            <span class="valine-comment-count" data-xid="/frontend/20180617-14.html"></span>
        </a>
    </span>



        
        
    </div>
    
    <div class="post-content" id="post-content" itemprop="postContent">
    
    
        前言通过爬虫爬去网页的dom之后就需要用正则来获取相关的信息，下面来说下正则表达式在爬虫中的应用
匹配
对于Html来说，一般需要匹配的就是相应DOM结构，比如标签属性，内容和数目之类的。

拿一个简单的标签来说比如&lt;span&gt;username&lt;/span&gt;，我们想要拿到username这个内容来用正则实现。这里要先补充一些需要使用的或者比较关键的正则关键词：

自定...
    
    <a href="/frontend/20180617-14.html" class="post-more waves-effect waves-button">
            阅读全文
        </a>
    </div>
</article>

<div class="post-footer">
    
	<ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/">JavaScript</a></li></ul>

</div>


            </li>
        
        </ul>
        
<nav id="page-nav">
    <div class="inner">
    <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><a class="page-number" href="/page/4/">4</a><a class="extend next" rel="next" href="/page/2/">下一页</a>
    </div>
</nav>

    </div>

        <footer class="footer">
    
    <div class="bottom">
        <p>
            <span>
                Martin Long &copy; 2017 - 2018
            </span>
        		
           	
            
            
            <span>
	            Power by <a href="http://hexo.io/" target="_blank">Hexo</a> Theme <a href="https://github.com/codefine/hexo-theme-mellow" target="_blank">book</a>
            </span>
            
            
            
        </p>
    </div>
</footer>

    </main>
    <div class="mask" id="mask"></div>
<a href="javascript:;" id="gotop" class="waves-effect waves-circle waves-light"><span class="icon icon-lg icon-chevron-up"></span></a>



<div class="global-share" id="globalShare">
    <ul class="reset share-icons">
      
      <li>
        <a class="weixin share-sns wxFab" href="javascript:;" data-title="微信">
          <i class="icon icon-weixin"></i>
        </a>
      </li>
      
      <li>
        <a class="qq share-sns" target="_blank" href="http://connect.qq.com/widget/shareqq/index.html?url=http://blog.inbelieve.top/&title=追光者的部落&source=有些鸟儿天生是没办法被关在笼子里的,因为他的每一片羽毛都闪耀着自由的光辉" data-title=" QQ">
          <i class="icon icon-qq"></i>
        </a>
      </li>
      
    </ul>
 </div>


<div class="page-modal wx-share" id="wxShare">
    <a class="close" href="javascript:;"><i class="icon icon-close"></i></a>
    <p>扫一扫，分享到微信</p>
    <img src="" alt="微信分享二维码">
</div>


    
    <!-- main-js -->
<script type="text/javascript" src="//cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="/js/plugins/fastclick.js?v=1.0.0"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/node-waves/0.7.4/waves.min.js"></script>

<script type="text/javascript" src="/js/method.js?v=1.0.0"></script>
<script type="text/javascript" src="/js/blog.js?v=1.0.0"></script>

<!-- third-party -->





<script type="text/javascript" src="/js/plugins/local_search.js?v=1.0.0"></script>
<script type="text/javascript">
	var search_path = "search.xml";
	if (search_path.length === 0) {
		search_path = "search.xml";
	}
	var path = "/" + search_path;
	searchFunc(path, "local-search-input", "local-search-result");
</script>



    
        <script type="text/javascript" src="https://cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script type="text/javascript" src="//unpkg.com/valine/dist/Valine.min.js"></script>
<script type="text/javascript" src="/js/plugins/valine.js?v=1.0.0"></script>
    
    







    <script>
    (function() {
        var OriginTitile = document.title, titleTime;
        document.addEventListener('visibilitychange', function() {
            if (document.hidden) {
                document.title = 'leaving！';
                clearTimeout(titleTime);
            } else {
                document.title = 'welcome!';
                titleTime = setTimeout(function() {
                    document.title = OriginTitile;
                },2000);
            }
        });
    })();
</script>




    
</body>
</html>
